<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="containerA">
        <img class="beijing" src="beijing.jpg" />
        <div class="BOS">
            <h4 id="YOU">Be abandoned
                <P>Strive for what you love</P>
        </div>
        </h2>
        <div class="GCZ">GUOCHUANZHANG</div>
        <div class="daohang">
            <div class="shou">
                <li>
                    <a href="#YOU">
                        <b id="sy"><img src="shouye.png" width="50" height="50" /></b>
                    </a>
                </li>
            </div>
            <div class="xing">
                <li>
                    <a href="#hobb">
                        <b id="xq"><img src="xingqv.png" width="50" height="50" /></b>
                    </a>
                </li>
            </div>
            <div class="zuo">
                <li>
                    <a href="#IW">
                        <b id="zp"><img src="zuoping.png" width="50" height="50" /></b>
                    </a>
                </li>
            </div>
        </div>
    </div>
    <div class="PI">
        <h4 id="PEIN">I am 20 years old. I am a college student. I am good at cooperating with others. I am good at doing things from beginning to end. I have team spirit. But I have limited participation in practical activities and lack of social experience. I believe
            that I can continuously improve and develop myself by standing on the society
        </h4>
    </div>
    <div class="biaoA">
        <li><a href="#PEIN">Personal introduction</a></li>
    </div>
    <div class="biaoB">
        <li><a href="#hobb">hobby</a></li>
    </div>
    <div class="biaoC">
        <li><a href="#IW">work</a></li>
    </div>
    <div class="containerB">
        <div class="diseA"></div>
        <div class="bin">
            <a><img src="bing.jpg" width="200" height="510" /></a>
        </div>
        <div class="xia">
            <a><img src="ma.jpg" width="200" height="510" /></a>
        </div>
        <div class="qiu">
            <a><img src="yv.jpg" width="200" height="510" /></a>
        </div>
        <div class="bby">
            <h4 id="hobb">hobby</h4>
        </div>
        <div class="like">
            <dr>I like food and sports. I don't have any favorite food. As long as it's hot enough, I like badminton, which is simple and technical.</dr>
            <p>Secondly, I also prefer to watch animation, I like the type is partial blood, inspirational, which will let me watch animation more love life</p>
            <p>Usually I also like reading novels, watching Japanese animation, playing badminton and surfing the Internet</p>
        </div>
    </div>
    <div class="containerC">
        <div class="diseB"></div>
        <div class="LUS">
            <h4 id="IW">Illustration work</h4>
        </div>
        <div class="chaA">
            <a><img src="chahuaA.jpg" width="200" height="240" /></a>
        </div>
        <div class="chaB">
            <a><img src="chahuaB.jpg" width="200" height="240" /></a>
        </div>
        <div class="chaC">
            <a><img src="chahuaC.jpg" width="200" height="240" /></a>
        </div>
        <div class="LW">Layout works</div>
        <div class="STNL">
            <a><img src="sheng.jpg" width="240" height="180" /></a>
        </div>
        <div class="FM">
            <a><img src="feng.jpg" width="140" height="190" /></a>
        </div>
        <div class="db">
            <a><img src="dbj.jpg" width="240" height="180" /></a>
        </div>
        <div class="weizhu">
            <div class="QQ">
                <a><img src="qq.png" width="30" height="30" /></a>
            </div>
            <div class="WX">
                <a><img src="weixing.png" width="30" height="30" /></a>
            </div>
            <div class="WB">
                <a><img src="weibo.png" width="30" height="30" /></a>
            </div>
            <h3 id="XM">GUO CHUAN ZHANG</h3>
            <div class="LG"><img src="logo.png" width="40" height="40" /></div>
            <h4 class="WM">Anonymousgroup</h4>
        </div>
    </div>
    </div>

</body>

</html>